﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ArtCube.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link rel="stylesheet" href="Content/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="Content/default.css" type="text/css" media="screen" />
    <meta name="keywords" content='<%=sKeywords %>' />
    <meta name="description" content='<%=sDescription %>' />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider({
                effect: 'fade',
                slices: 15,
                animSpeed: 500,
                pauseTime: 3000,
                startSlide: 0, //Set starting Slide (0 index)
                directionNav: true, //Next &amp; Prev
                directionNavHide: false, //Only show on hover
                controlNav: false, //1,2,3...
                controlNavThumbs: false, //Use thumbnails for Control Nav
                controlNavThumbsSearch: '.jpg', //Replace this with...
                controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
                keyboardNav: true, //Use left &amp; right arrows
                pauseOnHover: true, //Stop animation while hovering
                manualAdvance: false, //Force manual transitions
                captionOpacity: 0.8, //Universal caption opacity
                beforeChange: function () { },
                afterChange: function () { },
                slideshowEnd: function () { } //Triggers after all slides have been shown
            });
        });
    </script>
    <div class="SliderBG">
        <div id="slider">
            <%foreach (string row in Images)
              { %>
                <img src="Content/Galery/<%=row%>" alt="Slide" />
            <%} %>
        </div>
    </div>
    <div class="vCard">
        <div class="vCard_Btn">
        <a href="Art Cube.vcf"></a>
        </div>
    </div>
    <div class="HPTextBlock">
        <div class="HPTitle">
            <h1>
                <%=sArticleTitle%></h1>
        </div>
        <div class="HPText">
            <p>
                <%=sArticleContent %></p>
        </div>
    </div>
    <!--Div for thoose 3 block otherway they are not into global content div 
        DON'T REMOVE-->
    <div class="ThreeBlocks">
        <div class="stickerLeft">
            <div class="StapleLeft">
                <img src="Content/Images/staple.png" alt="straple" />
            </div>
            <div class="BoxLeft">
                <img alt="img" src='Content/Galery/<%=leftBlockImg %>' />
            </div>
            <div class="lftText">
                <h3>
                    <%=leftBlockTitle %></h3>
                <p>
                   <%=leftBlockText %></p>
            </div>
        </div>
        <div class="stickerCenter">
            <div class="PaperCenter">
                <img src="Content/Images/paper.png" alt="paper" />
            </div>
            <div class="BoxCenter">
                <img alt="img" src="Content/Galery/<%=centerBlockImg %>" />
            </div>
            <div class="ctrText">
                <h3>
                    <%=centerBlockTitle %></h3>
                <p>
                     <%=centerBlockText %></p>
            </div>
        </div>
        <div class="stickerRight">
            <div class="StapleRight">
                <img src="Content/Images/staple2.png" alt="paper" />
            </div>
            <div class="BoxRight">
                <img alt="img" src="Content/Galery/<%=rtBlockImg %>" />
            </div>
            <div class="rtText">
                <h3>
                    <%=rightBlockTitle %>
                </h3>
                <p>
                     <%=rtBlockText %></p>
            </div>
        </div>
    </div>
</asp:Content>
